.create_proofing{
    height:inherit;
    padding:30px 20px;
    background: #fff;
    overflow: auto;
    box-sizing: border-box;
}
.create_proofing *{  box-sizing: border-box;  }
.create_proofing > footer{  text-align: center;  }
.create_proofing_title-content{
     display: inline-block;
 }
.create_proofing_title-content > h4{
    width: 100px;
    font-size: 16px;
    color: #333;
    text-align: right;
}

.create_proofing_title-content > h4[data-alarm="true"]::before{
    content: "";
    display: inline-block;
    width:11px;
    height: 18px;
    margin-top:2px;
    background:url("./static/star.png") no-repeat;
    vertical-align: top;
}
.create_proofing_title-des{
    font-size: 14px;
    color:#999;
    margin-left:24px;
}
.create_proofing-setting-note .create_proofing_title,
.create_proofing-setting-upload .create_proofing_title
{
    display: inline-block;
}
.create_proofing-setting-note > textarea,
.create_proofing-setting-upload > textarea {
    width: 600px;
    height: 75px;
    border-radius:5px;
    vertical-align: top;
    resize: none;
}

.create_proofing-setting{
    margin-top:24px;
}
.create_proofing-setting > div{
    margin-bottom:24px;
}
.create_proofing-setting .create_proofing-setting-approval{
    margin-bottom:30px;
}

.create_proofing-setting-approval > div[data-type="wrap"]{
    display: inline-block;
    margin-left:30px;
    margin-top:24px;
}
.create_proofing-view-approval{
    position: relative;
    display: inline-block;
}
.create_proofing-view-approval > div[data-type="content"]{
    display: inline-block;
    padding: 0 28px;
    height: 30px;
    line-height: 30px;
    border:1px solid #36b3b3;
    background:#f4fafa;
    color: #36b3b3;
    border-radius:2px;
}
.create_proofing-view-approval > span[data-type="des"]{
    display: inline-block;
    margin: 0 20px;
}
.create_proofing-view-approval[data-type="batch"] > div[data-type="content"] > span{  color:#999;  }
.create_proofing-view-approval[data-type="batch"] input{
    border: none;
    background: transparent;
    text-align: center;
}
.create_proofing-view-approval[data-type="batch"] > span{
    position: relative;
}
.create_proofing-view-approval[data-type="batch"] > span > i{
    position: absolute;
    display: inline-block;
    color: #ed8d37;
    top:-5px;
    margin-left: 3px;
    cursor: pointer;
}
.create_proofing-view-approval[data-type="plus"] > div{
    position: relative; cursor: pointer;
}
.create_proofing-view-approval[data-type="plus"] > div .ant-radio-group{
    margin-left: 15px;
    margin-right: -10px;
}

.create_proofing-view-approval[data-type="plus"]>div > i{
    margin-right: 5px;
    font-size: 22px;
    vertical-align: middle;
    /*cursor: pointer;*/
}
.create_proofing-view-approval[data-type="plus"]>div > i[data-type="remove"]{
    position: absolute;
    right: -15px;
    font-size: 16px;
    top: -10px;
}
.create_proofing-view-approval > i{
    display: inline-block;
    width: 28px;
    height: 6px;
    background:url("static/arrow.png") no-repeat;
    margin-bottom: 4px;
    margin-right: 20px;
}
.create_proofing-setting-upload .ant-upload-list{
    width: 250px;
    margin-left: 95px;
}
.create_proofing-setting-upload > p{
    padding-left: 100px;
    margin-top: 5px;
    color: #999;
}

/*列表*/
.create_proofing-process-container > ul[data-type="list"]::after,
.create_proofing-process-over-size ul[data-type="overSize"]::after
{
    content: "";
    display: table;
    clear: both;
}
.create_proofing-process-container{
    margin-top: 24px;
}
.create_proofing-process-container > ul{
    margin-bottom: -15px;
}
.create_proofing-process-container > ul > li{
    float: left;
    width: 118px;
    height: 85px;
    text-align: center;
    margin-bottom:15px;
    padding: 0 10px;
}
.create_proofing-process-container > ul i[data-type="icon"] {
    display: inline-block;
    width: 57px;
    height: 57px;
    background-image: url("./static/icon.png");
    background-repeat:no-repeat;
    cursor: pointer;
}
.create_proofing-process-container > ul > li > span{
    display: block;
    color:#000;
    margin-top:5px;
}
.create_proofing-process-container > ul > li[aria-index="1"] i[data-type="icon"]{ background-position-x:0px; }
.create_proofing-process-container > ul > li[aria-index="2"] i[data-type="icon"]{ background-position-x:-110px; }
.create_proofing-process-container > ul > li[aria-index="3"] i[data-type="icon"]{ background-position-x:-220px;  }
.create_proofing-process-container > ul > li[aria-index="4"] i[data-type="icon"]{ background-position-x:-330px;  }
.create_proofing-process-container > ul > li[aria-index="5"] i[data-type="icon"]{ background-position-x:-440px;  }
.create_proofing-process-container > ul > li[aria-index="6"] i[data-type="icon"]{ background-position-x:-549px;  }
.create_proofing-process-container > ul > li[aria-index="7"] i[data-type="icon"]{ background-position-x:-659px;  }
.create_proofing-process-container > ul > li[aria-index="8"] i[data-type="icon"]{ background-position-x:-769px;  }
.create_proofing-process-container > ul > li[aria-index="9"] i[data-type="icon"]{ background-position-x:-879px;  }
.create_proofing-process-container > ul > li[aria-index="10"] i[data-type="icon"]{ background-position-x:-989px;  }
.create_proofing-process-container > ul > li[aria-index="11"] i[data-type="icon"]{ background-position-x:-1099px;  }

.create_proofing-process-container  > ul > li.active i[data-type="icon"]{
    background-position-y:-134px;
}
.create_proofing-process-choose{
    margin-top:45px;
}
@keyframes dong {
    from{
        transform: scale(.65);
    }
    50%{
        transform: scale(1.3);
    }
    to{
        transform: scale(1);
    }
}
.create_proofing-process-choose  > ul > li{
    position: relative;
    height: 130px;
}

.create_proofing-process-choose  > ul > li[data-type="new"]{
    animation: dong .25s ease-in;
}
.create_proofing-process-choose  > ul > li:not(:last-child)::after{
    content: "";
    position: absolute;
    width: 62px;
    height: 4px;
    background: #ededed;
    right: -31px;
    bottom: 98px;
}

.create_proofing-process-choose > ul > li > div[data-type="size"]{
    position: relative;
    margin-top:5px;
}
.create_proofing-process-size-view{
    display: inline-block;
    width: 100%;
    text-align: center;
    transform: scale(.8);
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
    cursor: pointer;
}

/*覆盖tool样式*/
.create_proofing-process .ant-tooltip-arrow{
    border-top-color: #666;
}

/*color: #fda649;*/
/*text-decoration: underline;*/
.create_proofing-process .ant-tooltip-inner{
    max-width: none;
    background-color: #fff;
    color:#000;
}
/*尺寸表*/
.create_proofing-process-over-size .ant-tooltip-inner{
    width:410px;
    padding:15px;
}
.create_proofing-process-over-size ul[data-type="overSize"]{
    margin-top:15px;
    margin-right:-12px;
}
.create_proofing-process-over-size ul[data-type="overSize"] > li{
    float:left;
    width: 44px;
    height: 30px;;
    line-height: 30px;
    margin-right:12px;
    border:1px solid transparent;
    background-color:#ededed;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
}
.create_proofing-process-over-size ul[data-type="overSize"] > li.active{
    position: relative;
    border-color:#4ababa;
}
.create_proofing-process-over-size ul[data-type="overSize"] > li.active::after{
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    right:0;
    bottom:0;
    background: url("./static/sizeactive.png") no-repeat;
}
.create_proofing-process-over-size ul[data-type="overSize"] > li > span{
    color:#000;
}
.create_proofing-process-over-size span[data-type="overAlarm"]{
    display: inline-block;
    position: relative;
    padding-left:20px;
}
.create_proofing-process-over-size span[data-type="overAlarm"]::before{
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background:#fc880c;
    left:0;
    top:5px;
}
